<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../../css/order.css">
    <title>订单管理</title>
</head>
<body>
    <div class="card" style="border: 1px solid #ccc;">
        <div class="bigbox">
            <div class="top">
                <hr>
                <span>筛选</span>
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-compact-down" viewBox="0 0 16 16">
                    <path fill-rule="evenodd" d="M1.553 6.776a.5.5 0 0 1 .67-.223L8 9.44l5.776-2.888a.5.5 0 1 1 .448.894l-6 3a.5.5 0 0 1-.448 0l-6-3a.5.5 0 0 1-.223-.67z"/>
                  </svg>
                <hr>
            </div>
            <div class="bot">
                <div class="left">
                    <div class="one">
                        <span>交易订单号</span>
                        <input type="text" name="" id="">   
                    </div>
                    <div class="two">
                        <span>订单类型</span>
                        <select>
                            <option value="0">--请选择--</option>
                        </select>   
                    </div>
                    <div class="three">
                        <span>订单状态</span>
                        <select>
                            <option value="0">--请选择--</option>
                        </select>   
                    </div>
                </div>
                <div class="center">
                    <div class="one">
                        <span>手机号</span>
                        <input type="text" name="" id="">
                    </div>
                    <div class="two">
                        <span>外部订单号</span>
                        <input type="text" name="" id="">
                    </div>
                    <div class="three">
                        <span>创建时间</span>
                        <input type="text" name="" id="">
                    </div>
                </div>
                <div class="bott">
                    <div class="one">
                        <span>手机号</span>
                        <select>
                            <option value="0">--请选择--</option>
                        </select> 
                    </div>
                    <div class="two">
                        <span>外部订单号</span>
                        <select>
                            <option value="0">--请选择--</option>
                        </select> 
                    </div>
                </div>
            </div>
            <hr>
            <button class="btn" type="button" class="btn btn-primary btn-lg">查询</button>
            <button class="btn" type="button" class="btn btn-primary btn-lg">导出</button>
            <div class="pages">
                每页 
                <select>
                    <option value="0">10</option>
                </select>
                页
                <table>
                    <tr>
                        <th>交易订单号</th>
                        <th>手机号</th>
                        <th>订单金额</th>
                        <th>服务费</th>
                        <th>订单类型</th>
                        <th>支付方式</th>
                        <th>支付状态</th>
                        <th>订单状态</th>
                        <th>创建时间</th>
                        <th>操作</th>
                    </tr>
                    <tr>
                        <td>45520031777</td>
                        <td>9311268810</td>
                        <td>1.00</td>
                        <td>3.50</td>
                        <td>提现</td>
                        <td></td>
                        <td>支付成功</td>
                        <td>交易成功</td>
                        <td>16-03-2023 07:42:33</td>
                        <td><a href="#">查看详情</a></td>
                    </tr>
                    <tr>
                        <td>45520031777</td>
                        <td>9311268810</td>
                        <td>1.00</td>
                        <td>3.50</td>
                        <td>提现</td>
                        <td></td>
                        <td>支付成功</td>
                        <td>交易成功</td>
                        <td>16-03-2023 07:42:33</td>
                        <td><a href="#">查看详情</a></td>
                    </tr>
                    <tr>
                        <td>45520031777</td>
                        <td>9311268810</td>
                        <td>1.00</td>
                        <td>3.50</td>
                        <td>提现</td>
                        <td></td>
                        <td>支付成功</td>
                        <td>交易成功</td>
                        <td>16-03-2023 07:42:33</td>
                        <td><a href="#">查看详情</a></td>
                    </tr>
                    <tr>
                        <td>45520031777</td>
                        <td>9311268810</td>
                        <td>1.00</td>
                        <td>3.50</td>
                        <td>提现</td>
                        <td></td>
                        <td>支付成功</td>
                        <td>交易成功</td>
                        <td>16-03-2023 07:42:33</td>
                        <td><a href="#">查看详情</a></td>
                    </tr>
                    <tr>
                        <td>45520031777</td>
                        <td>9311268810</td>
                        <td>1.00</td>
                        <td>3.50</td>
                        <td>提现</td>
                        <td></td>
                        <td>支付成功</td>
                        <td>交易成功</td>
                        <td>16-03-2023 07:42:33</td>
                        <td><a href="#">查看详情</a></td>
                    </tr>
                    <tr>
                        <td>45520031777</td>
                        <td>9311268810</td>
                        <td>1.00</td>
                        <td>3.50</td>
                        <td>提现</td>
                        <td></td>
                        <td>支付成功</td>
                        <td>交易成功</td>
                        <td>16-03-2023 07:42:33</td>
                        <td><a href="#">查看详情</a></td>
                    </tr>
                    <tr>
                        <td>45520031777</td>
                        <td>9311268810</td>
                        <td>1.00</td>
                        <td>3.50</td>
                        <td>提现</td>
                        <td></td>
                        <td>支付成功</td>
                        <td>交易成功</td>
                        <td>16-03-2023 07:42:33</td>
                        <td><a href="#">查看详情</a></td>
                    </tr>
                    <tr>
                        <td>45520031777</td>
                        <td>9311268810</td>
                        <td>1.00</td>
                        <td>3.50</td>
                        <td>提现</td>
                        <td></td>
                        <td>支付成功</td>
                        <td>交易成功</td>
                        <td>16-03-2023 07:42:33</td>
                        <td><a href="#">查看详情</a></td>
                    </tr>
                    <tr>
                        <td>45520031777</td>
                        <td>9311268810</td>
                        <td>1.00</td>
                        <td>3.50</td>
                        <td>提现</td>
                        <td></td>
                        <td>支付成功</td>
                        <td>交易成功</td>
                        <td>16-03-2023 07:42:33</td>
                        <td><a href="#">查看详情</a></td>
                    </tr>
                    <tr>
                        <td>45520031777</td>
                        <td>9311268810</td>
                        <td>1.00</td>
                        <td>3.50</td>
                        <td>提现</td>
                        <td></td>
                        <td>支付成功</td>
                        <td>交易成功</td>
                        <td>16-03-2023 07:42:33</td>
                        <td><a href="#">查看详情</a></td>
                    </tr>
                </table>
                <div class="boot">
                    <div class="bleft">
                        当前显示第1至10页，共419页
                    </div>
                    <div class="bright">
                        <nav class="navs">
                            <ul class="pagination">
                              <li class="page-item disabled">
                                <a class="page-link">上页</a>
                              </li>
                              <li class="page-item"><a class="page-link" href="#">1</a></li>
                              <li class="page-item active" aria-current="page">
                                <a class="page-link" href="#">2</a>
                              </li>
                              <li class="page-item"><a class="page-link" href="#">3</a></li>
                              <li class="page-item">
                                <a class="page-link" href="#">下页</a>
                              </li>
                            </ul>
                            <div>
                                <span>前往</span>
                                <input type="text">页
                                <button class="btn2">确定</button>
                            </div>
                          </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
</body>
</html>